<ion-header>
  <ion-toolbar color="primary">
    <ion-navbar>
      <ion-row>
        <ion-title>离线操作</ion-title>
        <div (click)="logIn()" ion-button color="light" clear>
          <ion-icon name="log-in"></ion-icon>&nbsp;
          在线登录
        </div>
      </ion-row>
    </ion-navbar>
  </ion-toolbar>
</ion-header>

<ion-content class="card-background-page">

  <ion-card (click)="goOfflineWork(1)">
    <img src="assets/imgs/offlineOperation-1.jpg"/>
    <div class="card-title">装货卸货</div>
  </ion-card>

  <ion-card (click)="goOfflineWork(2)" >
    <img src="assets/imgs/offlineOperation-2.jpg"/>
    <div class="card-title">打尺检验</div>
  </ion-card>

  <ion-card (click)="goOfflineWork(3)">
    <img src="assets/imgs/offlineOperation-3.jpg"/>
    <div class="card-title">异常上报</div>
  </ion-card>

</ion-content>


<ion-footer>
  <ion-row>
    <ion-col col-4>
      <button ion-button full (click)="goOfflineData()">查看离线数据</button>
    </ion-col>
    <ion-col col-4>
      <button ion-button full (click)="goRefreshCache()">更新缓存信息</button>
    </ion-col>
    <ion-col col-4>
      <button ion-button full color="light" (click)="goBack()">返回</button>
    </ion-col>
  </ion-row>
</ion-footer>
